$(function(){

//购物车下拉显隐效果
    $('#cart').mouseenter(function () {
        $(this).find('.bigbox').stop().slideDown(400);
    })
    $('#cart').mouseleave(function(){
        $(this).find('.bigbox').stop().slideUp(400);
    })

//【图片轮播】
    var num_flash=0;
    var timer;
    function timerFn(){
         timer = setInterval(function(){//【自动轮播】
            num_flash++;
            num_flash=(num_flash==5)?0:num_flash;
            $('#flash-box #flashBox a img').fadeOut(500);//问题：不能连在下面一块写（没效果）
            $('#flash-box #flashBox a img').eq(num_flash).fadeIn(1000);

            $('#flash-box #flashBox .flash-btn li').eq(num_flash).addClass('cur').siblings('li').removeClass('cur');
        },2000)
    }
    timerFn();
    $('#flash-box #flashBox .flash-btn li').click(function(){//【点击小圆点换图】
        clearInterval(timer);
        $('#flash-box #flashBox a img').fadeOut(500);
        $('#flash-box #flashBox a img').eq($(this).index()).fadeIn(1000);
        $('#flash-box #flashBox .flash-btn li').eq($(this).index()).addClass('cur').siblings('li').removeClass('cur');
        num_flash=$(this).index();
    })
    $('#flash-box #flashBox .flash-btn').mouseleave(function(){//【鼠标移出继续轮播】
        clearInterval(timer);
        timerFn();
    })
    $('#flash-box #flashBox .arrow-btn').click(function(){//【点击小箭头切换图】
        clearInterval(timer);
        if($(this).index()==6){//点击向左切换
            num_flash=(num_flash==0)?5:num_flash;
            num_flash--;
            $('#flash-box #flashBox a img').stop().fadeOut(500);
            $('#flash-box #flashBox a img').eq(num_flash).stop().fadeIn(1000);
        }else{//点击向右切换
            num_flash++;
            num_flash=(num_flash==5)?0:num_flash;
            $('#flash-box #flashBox a img').stop().fadeOut(500);
            $('#flash-box #flashBox a img').eq(num_flash).stop().fadeIn(1000);
        }
        $('#flash-box #flashBox .flash-btn li').eq(num_flash).addClass('cur').siblings('li').removeClass('cur');
    })
    $('#flash-box #flashBox .arrow-btn').mouseleave(function(){//【移出箭头按钮继续轮播】
        clearInterval(timer);
        timerFn();
    })


//【导航条按钮下拉及tab切换】
    $('#top-logo-nav-search-bar .nav-menu li.items').mouseenter(function () {

        var j=0//获得状态变量j（是否有已显示的下拉菜单，是为非0，否为0）
        for(var i=0;i<$('#top-logo-nav-search-bar .nav-menu li.items .nav-menu-down').length;i++){
            var disSta=$('#top-logo-nav-search-bar .nav-menu li.items .nav-menu-down').eq(i).css('display');
            if(disSta=='block'){
                j++;
            }
        }

        if(j==0){//没有已显示的下拉菜单则向下伸展
            $('#top-logo-nav-search-bar .nav-menu li.items .nav-menu-down').eq($(this).index()).stop().slideDown(200);
        }else{//有已显示的下拉菜单则作tab切换
            $('#top-logo-nav-search-bar .nav-menu li.items .nav-menu-down').eq($(this).index()).show();
            $(this).siblings('li.items').find('.nav-menu-down').hide();
        }

    })

    $('#top-logo-nav-search-bar .nav-menu').mouseleave(function () {//鼠标移出后则收起下拉菜单
        $('#top-logo-nav-search-bar .nav-menu li.items .nav-menu-down').stop().slideUp(200);
    })


//【设置小米明星单品的上边框颜色】
    var colorArr = ['#FFAC13','#83C44E','#2196F3','#E53935','#00C0A5','#FFAC13','#83C44E','#2196F3','#E53935','#00C0A5','#FFAC13','#83C44E','#2196F3','#E53935','#00C0A5'];
    for(var i=0;i<$('#xiaomi-star-goods .flash-box .flash-goods').length;i++){
        $('#xiaomi-star-goods .flash-box .flash-goods').eq(i).css('border-top-color',colorArr[i]);
    }

//使小米明星单品商品组自动无缝滚动
    var num_flash_wufeng=0;
    var timerWF;
    function timerWFfn() {
        timerWF=setInterval(function(){
            num_flash_wufeng++
            if(num_flash_wufeng==3){
                num_flash_wufeng=1;
                $('#xiaomi-star-goods .flash-box .flash-box-many-goods').css('left','0px');
            }
            var leftvalue=-1240*num_flash_wufeng+'px';
            $('#xiaomi-star-goods .flash-box .flash-box-many-goods').animate({'left':leftvalue},800);


            if(num_flash_wufeng%2==0){//变动小箭头按钮的颜色
                $('#xiaomi-star-goods .flash-btn li').eq(0).css('color','#e0e0e0').siblings('li').css('color','#757575')
            }else{
                $('#xiaomi-star-goods .flash-btn li').eq(1).css('color','#e0e0e0').siblings('li').css('color','#757575')
            }


        },2000)
    }
    timerWFfn();
//按动左右按钮时使小米明星单品商品组根据方向无缝滚动

//     $('#xiaomi-star-goods .flash-btn li').mouseenter(function(){
//         $(this).css('color','#FF6717');
//     })
//     $('#xiaomi-star-goods .flash-btn li').mouseleave(function(){
//         $(this).css('color','#757575');
//     })

    $('#xiaomi-star-goods .flash-btn li').eq(0).css('color','#e0e0e0');
    $('#xiaomi-star-goods .flash-btn li').click(function(){
        clearInterval(timerWF);
        // if($(this).css('color')!='rgb(224, 224, 224)'){问题：不能实现使按钮点击之后不能再点的功能
            if($(this).index()==0){//后退按钮
                num_flash_wufeng--;
                if(num_flash_wufeng==-1){
                    num_flash_wufeng=1;
                    $('#xiaomi-star-goods .flash-box .flash-box-many-goods').css('left','-2480px');
                }
            }else{//前进按钮
                num_flash_wufeng++;
                if(num_flash_wufeng==3){
                    num_flash_wufeng=1;
                    $('#xiaomi-star-goods .flash-box .flash-box-many-goods').css('left','0px');
                }
            }
            var leftvalue_2=-1240*num_flash_wufeng+'px';
            $('#xiaomi-star-goods .flash-box .flash-box-many-goods').stop().animate({'left':leftvalue_2},800);

            $(this).css('color','#e0e0e0').siblings('li').css('color','#757575')
        // }
    })

    $('#xiaomi-star-goods .flash-btn li').mouseleave(function () {//鼠标移出继续自动滚动
        clearInterval(timerWF);
        timerWFfn();
    })




//搭配：tab切换按钮样式变化
    $('.content-zone.daPei .title-bar .tab-btn li').eq(0).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
    $('.content-zone.daPei .right-box .tab-box').eq(0).show();
    $('.content-zone.daPei .title-bar .tab-btn li').mouseenter(function(){
        $('.content-zone.daPei .title-bar .tab-btn li').css({'color':'#424242','border-bottom':'none'});
        $(this).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
        $('.content-zone.daPei .right-box .tab-box').eq($(this).index()).show().siblings('.tab-box').hide();
    })

    $('.content-zone.peiJian .title-bar .tab-btn li').eq(0).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
    $('.content-zone.peiJian .right-box .tab-box').eq(0).show();
    $('.content-zone.peiJian .title-bar .tab-btn li').mouseenter(function(){
        $('.content-zone.peiJian .title-bar .tab-btn li').css({'color':'#424242','border-bottom':'none'});
        $(this).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
        $('.content-zone.peiJian .right-box .tab-box').eq($(this).index()).show().siblings('.tab-box').hide();
    })

    $('.content-zone.zhouBian .title-bar .tab-btn li').eq(0).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
    $('.content-zone.zhouBian .right-box .tab-box').eq(0).show();
    $('.content-zone.zhouBian .title-bar .tab-btn li').mouseenter(function(){
        $('.content-zone.zhouBian .title-bar .tab-btn li').css({'color':'#424242','border-bottom':'none'});
        $(this).css({'color':'#ff6700','border-bottom':'2px solid #ff6700'});
        $('.content-zone.zhouBian .right-box .tab-box').eq($(this).index()).show().siblings('.tab-box').hide();
    })



//商品内容展示区中的评价上下滑动显隐效果
    $('.content-zone .right-box .tab-box .goods').mouseenter(function(){
        $(this).find('.comments').stop().animate({'bottom':'0'},300);
    })
    $('.content-zone .right-box .tab-box .goods').mouseleave(function(){
        $(this).find('.comments').stop().animate({'bottom':'-76px'},300)
    })


//【内容】的上边框颜色
  var colorArr2=['#FFAC13','#83C44E','#E53935','#2196F3'];
    for(var q=0;q<$('.content-zone-II.neiRong .content').length;q++){
        $('.content-zone-II.neiRong .content').eq(q).css('border-top-color',colorArr2[q]).find('.category').css('color',colorArr2[q]);
        $('.content-zone-II.neiRong .content .content-small.go').eq(q).find('.btn-go').css({'color':colorArr2[q],'border-color':colorArr2[q]})
    }


//【内容】的无缝滚动
    $('.neiRong .content').mouseleave(function(){//鼠标移出后隐藏小箭头
        $(this).find('.arrow-btn').stop().fadeOut(500);
    })

$('.neiRong .content').mouseenter(function(){
    $(this).find('.arrow-btn').stop().fadeIn(500);//鼠标移入后显示箭头按钮

    var dot_num=0;
    $(this).find('.flash-btn-WF li').click(function(){//点击小圆点切换内容
        dot_num=$(this).index();
        $(this).addClass('cur').siblings('li').removeClass('cur');//变换小圆点样式
        leftvalue_3=$(this).index()*-296+'px';
        $(this).parent().parent().siblings('.content-many-box').stop().animate({'left':leftvalue_3},500);//切换内容
    })

    $(this).find('.pre-btn').click(function(){//后退按钮
        if(dot_num!=0){
            dot_num--;
            var pv=-296*dot_num+'px';
            $(this).siblings('.content-many-box').stop().animate({'left':pv},300);//切换内容
            $(this).parent().find('.flash-btn-WF li').eq(dot_num).addClass('cur').siblings('li').removeClass('cur');//让小圆点同步变化
        }
    })
    $(this).find('.next-btn').click(function(){
        var le=$(this).siblings('.flash-btn-WF-box').find('li').length;
        if(dot_num!=le-1){
            dot_num++;
            var pv=-296*dot_num+'px';
            $(this).siblings('.content-many-box').stop().animate({'left':pv},300);
            $(this).parent().find('.flash-btn-WF li').eq(dot_num).addClass('cur').siblings('li').removeClass('cur');
        }
    })


})












//为你推荐的无缝滚动效果
    var num_flash_wufeng_2=0;
    $('#recommand .title-bar .flash-btn li').click(function(){

        if($(this).index()==0){//后退按钮
            num_flash_wufeng_2--;
            if(num_flash_wufeng_2==-1){
                num_flash_wufeng_2=3;
                $('#recommand .flash-box-many-goods').css('left','-4960px');
            }
        }else{//前进按钮
            num_flash_wufeng_2++;
            if(num_flash_wufeng_2==5){
                num_flash_wufeng_2=1;
                $('#recommand .flash-box-many-goods').css('left','0px');
            }
        }

        leftvalue_2=num_flash_wufeng_2*-1240+'px';
        $('#recommand .flash-box-many-goods').stop().animate({'left':leftvalue_2},800);
    })



})
